<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- Web Storage是HTML提供的一种全新的客户端存储方式
		对于不同的网站，HTML5 WEB 数据存储于不同的区域，并且一个网站只能访问其自身数据
		web Storage : web  存储    的实现需要使用两个内置对象
			- localStorage:永久存储
			- sessionStorage:临时存储（关闭页面，浏览器关闭，页面刷新，自动删除） -->
		<script type="text/javascript">
			// var localStorage = {}   增删改查
			
			localStorage.liu = "1"
			localStorage.name = "zhnagsan"
			localStorage.age = "18"
			console.log(localStorage.liu)
			
			localStorage.removeItem("name")//删除
			localStorage.name = ""         //设置为空
			localStorage.clear()           //删除所有
			
			sessionStorage.hai = "653465"
			console.log(sessionStorage.hai)
			
		</script>
	</body>
</html>
